﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>短信</title>
		<link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" title="" rel="stylesheet" />
		<link title="" href="css/style.css" rel="stylesheet" type="text/css" />
		<link title="blue" href="css/dermadefault.css" rel="stylesheet" type="text/css" />
		<link title="green" href="css/dermagreen.css" rel="stylesheet" type="text/css" disabled="disabled" />
		<link title="orange" href="css/dermaorange.css" rel="stylesheet" type="text/css" disabled="disabled" />
		<link href="css/templatecss.css" rel="stylesheet" title="" type="text/css" />
		<link rel="stylesheet" type="text/css" href="css/sup.css" />
		<script src="script/jquery-1.11.1.min.js" type="text/javascript"></script>
		<script src="script/jquery.cookie.js" type="text/javascript"></script>
		<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="script/main.js"></script>
		<link rel="stylesheet" type="text/css" href="css/weui.css" />
		<script src="script/weui.min.js"></script>
		<script src="script/new_file.js"></script>
	</head>
	<style type="text/css">
		html,
		body {
			width: 100%;
			height: 100%;
		}
		
		.bannerurl {
			height: 100%;
			background: #eee;
		}
		
		.upload {
			width: 100%;
			height: 200px;
			background: #fff;
			border-radius: 8px;
			position: relative;
		}
		
		.jiawei {
			width: 500px;
			height: 100%;
			margin: 0 auto;
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			padding-top: 55px;
			padding-left: 155px;
		}
		
		.sub {
			margin-top: 30px;
			margin-left: 20px;
		}
		
		.list {
			padding: 15px 15px;
			height: 100%;
			background: #fff;
			margin-top: 20px;
			border-radius: 8px;
		}
		
		table.gridtable {
			font-family: verdana, arial, sans-serif;
			font-size: 11px;
			color: #333333;
			border-width: 1px;
			border-color: #666666;
			border-collapse: collapse;
			width: 100%;
			text-align: center;
		}
		
		table.gridtable th {
			border-width: 1px;
			padding: 8px;
			border-style: solid;
			border-color: #09C;
			background-color: #09C;
			text-align: center;
			color: #fff;
		}
		
		table.gridtable td {
			height: 72px;
			border-width: 1px;
			padding: 8px;
			border-style: solid;
			border-color: #666666;
			background-color: #ffffff;
		}
		
		table.gridtable td img {
			width: 100px;
			height: 50px;
		}
		
		.wangzhi {
			width: 100%;
			text-align: center;
			position: absolute;
			bottom: 15px;
			left: 0;
		}
		
		.data {
			text-align: center;
			line-height: 40px;
			font-size: 12px;
			color: #666;
			display: none;
		}
	</style>

	<body>
		<nav class="nav navbar-default navbar-mystyle navbar-fixed-top">
			<div class="navbar-header">
				<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button>
				<a class="navbar-brand mystyle-brand"><span class="glyphicon glyphicon-home"></span></a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="li-border">
						<a class="mystyle-color" href="#">管理控制台</a>
					</li>
				</ul>

				<ul class="nav navbar-nav pull-right">
					<li class="li-border">
						<a href="#" class="mystyle-color">
							<span class="glyphicon glyphicon-bell"></span>
							<span class="topbar-num">0</span>
						</a>
					</li>
					<li class="user_name">
						<a href="#">修改用户名或密码</a>
					</li>
					<li class="dropdown li-border">
						<a href="#" class="dropdown-toggle mystyle-color User_name" data-toggle="dropdown">设置<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li class="cancellation">
								<a>退出</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</nav>
		<div class="down-main">
			<div class="left-main left-full">
				<div class="sidebar-fold"><span class="glyphicon glyphicon-menu-hamburger"></span></div>
				<div class="subNavBox">
					<div class="sBox">
						<div class="subNav sublist-down"><span class="title-icon glyphicon glyphicon-chevron-down"></span><span class="sublist-title">用户中心</span>
						</div>
						<ul class="navContent" style="display:block">
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />用户管理</div>
								<a href="userInfo.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">用户管理</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />收入总计</div>
								<a href="Total.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">收入总计</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />游戏设置</div>
								<a href="message.html"><span class="sublist-icon glyphicon glyphicon-envelope"></span><span class="sub-title">游戏设置</span></a>
							</li>
							<li class="active">
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />轮播图设置</div>
								<a href="smsInfo.html"><span class="sublist-icon glyphicon glyphicon-bullhorn"></span><span class="sub-title">轮播图设置</span></a>
							</li>
							
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />二维码设置</div>
								<a href="code.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">二维码设置</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />广告抽成</div>
								<a href="pumping.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">广告抽成</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />添加域名</div>
								<a href="adddomain.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">添加域名</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />域名管理</div>
								<a href="administration.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">域名管理</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />提现审核</div>
								<a href="cashchecking.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">提现审核</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />广告详情</div>
								<a href="Ad-Details.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">广告详情</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />维护设置</div>
								<a href="Maintain.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">维护设置</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />奖品设置</div>
								<a href="getMissionAward.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">奖品设置</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />任务管理</div>
								<a href="getMission.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">任务管理</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />订单详情</div>
								<a href="getFbOrderAll.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">订单详情</span></a>
							</li>
							<!--<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />玩法介绍</div>
								<a href="method.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">玩法介绍</span></a>
							</li>-->
						</ul>
					</div>
					<div class="sBox">
						<div class="subNav sublist-up"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">代理设置</span></div>
						<ul class="navContent tBLES">
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />添加代理</div>
								<a href="addto.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">添加代理</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />代理详情</div>
								<a href="details.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">代理详情</span></a>
							</li>
						</ul>
					</div>
					<div class="sBox">
						<div class="subNav sublist-up"><span class="title-icon glyphicon glyphicon-chevron-up"></span><span class="sublist-title">说明设置</span></div>
						<ul class="navContent tBLES">
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />游戏玩法</div>
								<a href="rule.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">游戏玩法</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />踢球技巧</div>
								<a href="skill.html"><span class="sublist-icon glyphicon glyphicon-user"></span><span class="sub-title">踢球技巧</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />常见问题</div>
								<a href="common.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">常见问题</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="img/leftimg.png" />更新设置</div>
								<a href="identify.html"><span class="sublist-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">更新设置</span></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="right-product view-product right-full">
				<div class="container-fluid">

					<div class="message-manage info-center">
						<div class="page-header">
							<div class="pull-left">
								<h4>轮播图设置</h4>
							</div>
						</div>
						<div class="bannerurl">
							<div class="upload">

								<!--<form action="http://192.168.0.129:8080/foot/manager/setCarouselFigure" method="post" enctype="multipart/form-data">-->

								<form action="/admin/adminFund/setCarouselFigure" method="post" enctype="multipart/form-data">

									<div class="jiawei">
										<ul class="weui-uploader__files" id="uploaderFiles">
											<div class="weui-uploader__file-content">
												<i class="weui-icon-warn"></i>
											</div>
											</li>
										</ul>
										<div class="weui-uploader__input-box">
											<input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" name="file">
										</div>
									</div>
									<div class="wangzhi">
										<input type="text" placeholder="请输入图片链接地址" name="imgContent" />
										<input type="submit" value="确定" class="faanniu" />
									</div>
								</form>
							</div>
							<div class="list">
								<table class="gridtable">
									<tr>
										<th>图片名</th>
										<th>相关信息</th>
										<th>操作</th>
									</tr>
									<tr>
									</tr>
								</table>
								<p class="data">暂无数据</p>
							</div>
						</div>
						<div class="manage-record">
						</div>
					</div>
					<div class="show-page padding-big-right hidden">
						<div class="page">
						</div>
					</div>

				</div>
			</div>
			<div class="setup">
				<div class="setAgent">
					<div class="titleNamer">
						<h4>修改密码</h4>
					</div>
					<div class="from-warry">
						<p>旧密码：<input class="dl-input names" type="text" placeholder="请输新的账号" /></p>
						<p>新密码：<input class="dl-input poswd" type="text" placeholder="请输入新的密码" /></p>
						<p>再次输入：<input type="text" placeholder="请输入新密码"  class="confirm" /></p>
						<p><input class="determine" type="button" value="确定修改" /></p>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$('.cancellation').on('click', function() {
				$.ajax({
					type: "get",
					url:"/admin/adminFund/exitLogin  ",
					contentType: "application/json; charset=utf-8",
					success: function(res) {
						if(res.error_code == 0) {
							window.location.href = 'login.html';
						}
					}
				});
			})

			$(function() {
				/*换肤*/
				$(".dropdown .changecolor li").click(function() {
					var style = $(this).attr("id");
					$("link[title!='']").attr("disabled", "disabled");
					$("link[title='" + style + "']").removeAttr("disabled");

					$.cookie('mystyle', style, {
						expires: 7
					}); // 存储一个带7天期限的 cookie 
				})
				var cookie_style = $.cookie("mystyle");
				if(cookie_style != null) {
					$("link[title!='']").attr("disabled", "disabled");
					$("link[title='" + cookie_style + "']").removeAttr("disabled");
				}

				/*左侧导航栏显示隐藏功能*/
				$(".subNav").click(function() {
					/*显示*/
					if($(this).find("span:first-child").attr('class') == "title-icon glyphicon glyphicon-chevron-down") {
						$(this).find("span:first-child").removeClass("glyphicon-chevron-down");
						$(this).find("span:first-child").addClass("glyphicon-chevron-up");
						$(this).removeClass("sublist-down");
						$(this).addClass("sublist-up");
					}
					/*隐藏*/
					else {
						$(this).find("span:first-child").removeClass("glyphicon-chevron-up");
						$(this).find("span:first-child").addClass("glyphicon-chevron-down");
						$(this).removeClass("sublist-up");
						$(this).addClass("sublist-down");
					}
					// 修改数字控制速度， slideUp(500)控制卷起速度
					$(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(300);
				})
				/*左侧导航栏缩进功能*/
				$(".left-main .sidebar-fold").click(function() {

					if($(this).parent().attr('class') == "left-main left-full") {
						$(this).parent().removeClass("left-full");
						$(this).parent().addClass("left-off");

						$(this).parent().parent().find(".right-product").removeClass("right-full");
						$(this).parent().parent().find(".right-product").addClass("right-off");

					} else {
						$(this).parent().removeClass("left-off");
						$(this).parent().addClass("left-full");

						$(this).parent().parent().find(".right-product").removeClass("right-off");
						$(this).parent().parent().find(".right-product").addClass("right-full");

					}
				})

				/*左侧鼠标移入提示功能*/
				$(".sBox ul li").mouseenter(function() {
					if($(this).find("span:last-child").css("display") == "none") {
						$(this).find("div").show();
					}
				}).mouseleave(function() {
					$(this).find("div").hide();
				})
			})

			$(function() {
				var tmpl = '<li class="weui-uploader__file" style="background-image:url(#url#)"></li>',
					$gallery = $("#gallery"),
					$galleryImg = $("#galleryImg"),
					$uploaderInput = $("#uploaderInput"),
					$uploaderFiles = $("#uploaderFiles");

				$uploaderInput.on("change", function(e) {
					var src, url = window.URL || window.webkitURL || window.mozURL,
						files = e.target.files;
					for(var i = 0, len = files.length; i < len; ++i) {
						var file = files[i];

						if(url) {
							src = url.createObjectURL(file);
						} else {
							src = e.target.result;
						}
						$uploaderFiles.append($(tmpl.replace('#url#', src)));
					}
				});
				$uploaderFiles.on("click", "li", function() {
					$galleryImg.attr("style", this.getAttribute("style"));
					$gallery.fadeIn(100);
				});
				$gallery.on("click", function() {
					$gallery.fadeOut(100);
				});
			});

			$(function() {
				$.ajax({
					type: "get",
					url: "/admin/adminFund/getCarouselFigure",
					contentType: "application/json; charset=utf-8",
					success: function(res) {
						console.log(res)
						if(res.data == null) {
							$('.data').css('display', 'block')
						} else {
							for(var i = 0; i < res.data.value.length; i++) {
								console.log(res.data.value[i].imgUrl)
								var str = '';
								str += '<tr>';
								str += '<td><img src="' + '/' + res.data.value[i].imgUrl + '"/><br />ID: <span>' + res.data.value[i].Id + '</span></td>';
								str += '<td>' + res.data.value[i].imgContent + '</td>';
								str += '<td><button class="but">删除</button></td>';
								str += '</tr>';
								$('.gridtable').append(str)
							}
						}
						$('.but').on('click', function() {
							var app = parseInt($($(this).parent().siblings()[0]).find('span').html());
							$.ajax({
								type: "get",
								url: "/admin/adminFund/delteCarouselById ",
								contentType: "application/json; charset=utf-8",
								data: {
									'cid': app
								},
								success: function(res) {
									console.log(res)
									if(res.data) {
										window.location.reload()
									}
								}
							});
						})
					}
				});
				//删除

			})
		</script>
	</body>

</html>
<!--<script type="text/javascript" class="uploader js_show">
	$(function() {
		var tmpl = '<li class="weui-uploader__file" style="background-image:url(#url#)"></li>',
			$gallery = $("#gallery"),
			$galleryImg = $("#galleryImg"),
			$uploaderInput = $("#uploaderInput"),
			$uploaderFiles = $("#uploaderFiles");

		$uploaderInput.on("change", function(e) {
			var src, url = window.URL || window.webkitURL || window.mozURL,
				files = e.target.files;
			for(var i = 0, len = files.length; i < len; ++i) {
				var file = files[i];

				if(url) {
					src = url.createObjectURL(file);
				} else {
					src = e.target.result;
				}

				$uploaderFiles.append($(tmpl.replace('#url#', src)));
			}
		});
		$uploaderFiles.on("click", "li", function() {
			$galleryImg.attr("style", this.getAttribute("style"));
			$gallery.fadeIn(100);
		});
		$gallery.on("click", function() {
			$gallery.fadeOut(100);
		});
	});

	$(function() {
		var baseurl = BaseUrl;
		$.ajax({
			type: "get",
			url: BaseUrl + "/foot/manager/getCarouselFigure",
			contentType: "application/json; charset=utf-8",
			success: function(res) {
				if(res.data == null) {
					$('.data').css('display', 'block')
				} else {
					for(var i = 0; i < res.data.value.length; i++) {
						var str = '';
						str += '<tr>';
						str += '<td><img src="' + BaseUrl + '/' + res.data.value[i].imgUrl + '" /><br />ID: <span>' + res.data.value[i].Id + '</span></td>';
						str += '<td>' + res.data.value[i].imgContent + '</td>';
						str += '<td><button class="but">删除</button></td>';
						str += '</tr>';

						$('.gridtable').append(str)
					}
				}
				$('.but').on('click', function() {
					var app = parseInt($($(this).parent().siblings()[0]).find('span').html());
					$.ajax({
						type: "get",
						url: BaseUrl + "/foot/manager/deleteCarouselById",
						contentType: "application/json; charset=utf-8",
						data: {
							'cid': app
						},
						success: function(res) {
							if(res.data) {
								window.location.reload()
							}
						}
					});
				})
			}
		});
		//删除

	})
</script>-->
	<script src="script/index.js"></script>
